<template>
  <div >
    <div class="content">
      <swiper indicator-dots indicator-color="pink" indicator-active-color="green"
              autoplay=aautoplay
              circular=ccircular>
        <swiper-item><img src="http://p1.music.126.net/ri7DIybLn_hbpv3JzrAzmg==/109951164189785999.jpg" alt="" /></swiper-item>
        <swiper-item><img src="http://p1.music.126.net/m0KkKA3TGQajIlEoip6qrQ==/109951164188718192.jpg" alt=""/></swiper-item>
        <swiper-item><img src="http://p1.music.126.net/-mEJQ8KVkwQTKJ5ECbhsiQ==/109951164188738175.jpg" alt=""/></swiper-item>
      </swiper>
    </div>

    <div>
      <list-temp></list-temp>
      <list-temp></list-temp>
    </div>
  </div>
</template>
<script>
  import listTemp from '../list-template/list-template'
  export default {
      data(){
        return{
          aautoplay:true,
          ccircular:true
        }
      },
    components:{
        listTemp
    }
  }
</script>
<style scoped>
.content{
height: 350rpx;
  width: 100%;

}
  .content swiper{
    height: 100%;
    width:100%;

  }
  .content swiper img{
    height: 100%;
    width:100%;
    border-radius: 15rpx;
  }
</style>
